<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
  <title>金流座</title>
  <!-- VENDOR CSS -->
  <link href="//cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.css" rel="stylesheet">
  <link href="//cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" rel="stylesheet">
  <link href="//cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
  <link href="//cdn.bootcss.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">
  <!-- END VENDOR CSS -->
  <!-- 引入轮播图swiper插件css-->
  <link rel="stylesheet" href="/static/common/css/swiper.min.css" />
  <!-- 引入自己的css文件-->
  <link rel="stylesheet" href="/static/common/css/common.css" />
  <link rel="stylesheet" href="/static/common/css/homepage.css" />
</head>

<body>
  <!--导航栏开始-->
  <div id="navbarFixed">
    <nav class="navbar navbar-default banner">
      <div class="container">
        <div class="navbar-header">
          <!--汉堡菜单-->
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <!--存放logo的盒子-->
          <a class="navbar-brand banner_logo" href="#"><img src="/static/img/home/logo1.png" alt="" /></a>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav navbar-right banner_ul" id="banner_ul">
            <li class="clickActive no_click"><a href="/#gailan" data-click="scroll-to-target">首页</a></li>
            <li class="no_click"><a href="#prodcut" data-click="scroll-to-target">产品介绍</a></li>
            <li class="no_click"><a href="/access-way" data-click="scroll-to-target">接入方式</a></li>
            <li class="no_click"><a href="/cost" data-click="scroll-to-target">费用</a></li>
            <li class="no_click"><a href="/cost#foot" data-click="scroll-to-target">联系我们</a></li>
            <li class="no_click"><a href="//tfapi.cdnzz.com/index.html">API文档</a></li>
            <li id="margin_left_right"><a href="https://tfgw.cdnzz.com/login" class="borderColor">登录</a></li>
            <li id="margin_right_left"><a href="https://tfgw.cdnzz.com/register" class="borderColor">注册</a></li>
          </ul>
        </div>
      </div>
    </nav>
  </div>
  <!--导航栏结束-->
  <!-- slide开始-->
  <div class="content_flow point_flow content_bg">
    <div class="container flow_pic content_container">
      <div class="row point_row">
        <div class="col-sm-6 flow_title">
          <p id="flow_1">出门用流量查路线、吃饭用流量叫外卖，</p>
          <p id="flow_2">旅游用流量订酒店，</p>
          <p id="flow_3">最重要的是，与他/她聊天还得用流量，</p>
          <p id="flow_4" class="flow_now">这时代，没有流量让人怎么活！</p>
        </div>
        <div class="col-sm-6 point">
          <a href="javascript:;" class="flow_user_pic">
            <div>
              <img src="/static/img/home/phone.png" alt="" />
              <img src="/static/img/home/phone1.png" alt="" id="cloudy_1" />
              <img src="/static/img/home/phone2.png" alt="" id="cloudy_2" />
              <img src="/static/img/home/phone3.png" alt="" id="cloudy_3" />
            </div>
          </a>
        </div>
      </div>
    </div>
  </div>
  <div class="content_flow point_flow content_city_bg" id="prodcut">
    <div class="container flow_pic content_container">
      <div class="row point_row">
        <div class="col-sm-6 point">
          <a href="javascript:;" class="flow_user_pics">
            <img src="/static/img/home/turn.png" id="point_img" alt="" />
          </a>
        </div>
        <div class="col-sm-6 flow_title flowTitle">
          <p>金流座流量平台</p>
          <p>——为您开启<span class="flow_now_text">移动流量运营新时代</span></p>
          <p>金流座流量平台玩转手机流量，帮你轻松提升用户运营效果。为合作伙伴搭建与用户之间的互动平台，帮助合作伙伴轻松推广， 快速汇聚种子用户，提高营销转化率。
          </p>
        </div>
      </div>
    </div>
  </div>
  <!-- slide结束-->
  <!--  二 slide开始 -->
  <div class="content_flow point_flow content_add_bg">
    <div class="container flow_pic content_container">
      <div class="row point_row">
        <div class="col-sm-6 flow_title flowTitle">
          <h1>流量营销效果倍增</h1>
          <p>
            通过金流座流量所提供的营销解决方案，合作伙伴能够迅速开展灵活而有针对性的流量营销活动，在有限的营销成本下实现更佳的营销效果。</p>
        </div>
        <div class="col-sm-6 point">
          <a href="javascript:;" class="flow_user_pic">
            <div>
              <img src="/static/img/home/fly.png" alt="" />
              <img src="/static/img/home/fly1.png" alt="" id="fly_1" />
              <img src="/static/img/home/fly2.png" alt="" id="fly_2" />
              <img src="/static/img/home/fly3.png" alt="" id="fly_3" />
            </div>
          </a>
        </div>
      </div>
    </div>
  </div>
  <!-- 二 slide结束 -->
  <!--  应用use开始-->
  <div class="use">
    <div class="content_use" id="contentUser">
      <h1 class="center text-gradient">使用场景</h1>
      <span></span>
      <div class="uer_main">
        <div class="use_1">
          <a><img src="/static/img/home/use1.png" alt="" class="use_img_1" /></a>
          <p class="center">吸粉引流</p>
          <p>利用流量营销推广，吸引大量的用户关注-注册-安装，迅速获取种子用户，形成产品自有用户群。</p>
        </div>
        <div class="use_2">
          <a><img src="/static/img/home/use3.png" alt="" class="use_img_2" /></a>
          <p class="center">活动促销</p>
          <p>通过购买、抽奖、转赠等发放流量的营销活动，促成用户交易，提高营销活动的转化率。</p>
        </div>
        <div class="use_3">
          <a><img src="/static/img/home/use5.png" alt="" class="use_img_3" /></a>
          <p class="center">品牌推广</p>
          <p>通过以流量为奖励的游戏、邀请、分享、互动等行为进行大量推广，形成品牌的知名度与认可度，同时增加用户粘性。</p>
        </div>
        <div class="use_4">
          <a><img src="/static/img/home/use7.png" alt="" class="use_img_4" /></a>
          <p class="center">应用增值</p>
          <p>游戏应用、购物商城内部用户购买奖励、积分兑换，提升用户购买意愿，提升产品盈利水平。</p>
        </div>
      </div>
    </div>
  </div>
  <!-- 三 应用use结束-->
  <!--四轮播图开始-->
  <div class="swiper-container">
    <div class="swiper-wrapper">
      <div class="swiper-slide"><img src="" alt="" class="slider1" /></div>
      <div class="swiper-slide"><img src="" alt="" class="slider2" /></div>
      <div class="swiper-slide"><img src="" alt="" class="slider3" /></div>
      <div class="swiper-slide"><img src="" alt="" class="slider4" /></div>
    </div>
    <!-- Add Pagination -->
    <div class="swiper-pagination"></div>
    <!-- Add Arrows -->
    <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div>
  </div>
  <!--四轮播图结束-->
  <!--五营销-->
  <div class="content_flow point_flow selling">
    <div class="container flow_pic content_container">
      <div class="row point_row">
        <div class="col-sm-6 point">
          <a href="javascript:;" class="flow_user_pics">
            <div>
              <img src="/static/img/home/activity.png" alt="" />
              <img src="/static/img/home/rocket.png" alt="" id="rocket" />
            </div>
          </a>
        </div>
        <div class="col-sm-6 flow_title flowTitle">
          <h1>流量活动助攻推广</h1>
          <p>策划多种多样的活动、小游戏等，增加粉丝、活跃粉丝，从而增加粉丝的粘性。让推广更有效，达到提高转化率的目的。</p>
        </div>
      </div>
    </div>
  </div>
  <!--六点击切换开始-->
  <div class="main_click">
    <div class="border"></div>
    <div class="main">
      <ul class="main_title overflow">
        <li class="active"><a>小游戏</a></li>
        <li><a>积分系统</a></li>
        <li><a>幸运购</a></li>
      </ul>
      <ul class="main_text">
        <li>通过开发“拼图游戏”、“大转盘”等简单受欢迎的H5小游戏来吸引粉丝，增加粉丝的积极性，从而提升日活跃度。</li>
        <li style="display: none">通过关注、绑定手机及推荐好友关注送积分等活动，有效地增加粉丝的粘性和忠诚度，这种带有返利的积分系统已经是时代不可逆转 的趋势。
        </li>
        <li style="display: none">网上购物已经成为生活中不可或缺的购物方式，传统的购物模式也越来越不能满足粉丝的需求，特别需要一种新兴的模式——幸运购， 这种既刺激又能体验无尽乐趣的购物方式已经成为时尚。
        </li>
      </ul>
      <ul class="main_img">
        <li><img src="/static/img/home/shopping_2.png" alt="" /></li>
        <li class="main_img_now"><img src="/static/img/home/game_1.png" alt="" /></li>
        <li><img src="/static/img/home/center_2.png" alt="" /></li>
      </ul>
    </div>
  </div>
  <!--点击切换结束-->
  </div>
  <!--底部开始-->
  </div>
  <!--点击切换结束-->
  </div>
  <!--底部开始-->
  <div class="end">
    <p class="center space"><span id="test">黔ICP备16009859号-1</span><span class="padding_left">贵州青榄互动科技有限公司</span><span class="hidden-xs">2016&nbsp;&copy;</span></p>
  </div>
</body>
<!-- 引入js依赖文件-->
<script src="//cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<!--[endif]-->
<!-- VENDOR JS -->
<script src="//cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
<script src="//cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<!-- END VENDOR JS -->
<!--bootstrap是依赖与jquery这个库-->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<!--<script src="lib/jquery/jquery.min.js"></script>-->
<script src="//cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
<script src="//cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<!--bootstrap 核心js文件-->
<!-- Include all compiled plugins (below), or include individual files as needed -->
<!--<script src="lib/bootstrap/js/bootstrap.js"></script>-->
<!--<script src="index.js"></script>-->
<script src="/static/common/js/swiper.min.js"></script>
<script src="/static/common/js/homepage.js"></script>
<script src="/static/common/js/navbar.js"></script>

</html>
